<template>
	<view class="accountStetting">
		<view class="center-list" >
			<view class="center-item" v-for="(item,index) in centerList" :key="index" @click="handleSelect(index)">
				<view class="item-center">
					<view>{{item.title}}</view>
				</view>
				<view class="item-right" v-if="currentIndex==index">
					<icon type="success_no_circle" size="26"></icon>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				currentIndex:0,
				centerList:[{title:'简体中文'},{title:'English'}]
			}
		},
		methods:{
			handleSelect(index){
				this.currentIndex=index
			},
		}
	}
</script>

<style lang="scss" scoped>
.accountStetting{
	position: relative;
 .center-list{
	 position: absolute;
	 top: 20rpx;
	 right: 0;
	 left: 0;
	 background: #fff;
 	.center-item{
 	  display: flex;
 	  justify-content: space-between;
	  line-height: 90rpx;
	  height: 90rpx;
 	  border-bottom:1px solid #F9FAF9 ;
 	  .item-center{
 	  	width: 80%;
		margin-left: 20rpx;
		
 	  }
 	  .item-right{
		text-align: right;
 	  	width: 20%;
		position: relative;
		icon{
		position: absolute;
		top: 0;
		right: 20rpx;
		
		}
 	  }
 	}
 	}
 }	
</style>
